<template>
    <div class="userInfo">
        <span class="el-avatar el-avatar--square" style="height: 200px; width: 200px; line-height: 200px;">
            <img src="../../../assets/images/Info.jpg" alt="" style="object-fit: cover;">
        </span>

        <div class="context">
            <!-- <div class="title">
                <div class="el-descriptions__title">我的中心</div>
                <div class="el-descriptions__extra">
                    <button type="button" class="el-button el-button--primary el-button--small">
                        <span>操作</span>
                    </button>
                </div>
            </div>

            <div class="tab">
                <el-table
                    border
                    style="width: 100%">
                    <el-table-column
                    prop="date"
                    label="日期"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="name"
                    label="姓名"
                    width="180">
                    </el-table-column>
                    <el-table-column
                    prop="address"
                    label="地址">
                    </el-table-column>
                </el-table>
            </div> -->

             <el-descriptions class="margin-top" title="带边框列表" :column="3" :size="size" border>
                <template slot="extra">
                <el-button type="primary" size="small">操作</el-button>
                </template>
                <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-user"></i>
                    用户名
                </template>
                kooriookami
                </el-descriptions-item>
                <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-mobile-phone"></i>
                    手机号
                </template>
                18100000000
                </el-descriptions-item>
                <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-location-outline"></i>
                    居住地
                </template>
                苏州市
                </el-descriptions-item>
                <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-tickets"></i>
                    备注
                </template>
                <el-tag size="small">学校</el-tag>
                </el-descriptions-item>
                <el-descriptions-item>
                <template slot="label">
                    <i class="el-icon-office-building"></i>
                    联系地址
                </template>
                江苏省苏州市吴中区吴中大道 1188 号
                </el-descriptions-item>
            </el-descriptions>
        </div>
    </div>
</template>


<style lang="less" scoped>

</style>

<script>
  export default{
    meta:{
      title:"wdzx",
      name:"我的中心",
      icon: 'iconfont icon-wode'
    },
    data () {
        return {
            size: '',
        }
    }
  }
</script>